{% extends "base.html" %}
{% block main %}


	<div class="grid_7">	
		<h2>Bienvenido a ¿QJ?</h2>	
		<p>Con <strong>¿QJ?</strong> podés organizar tus partidos con tus amigos, saber quienes
		son los mejores, los máximos goleadores...!.</p>
		<p>¿Todavía no jugas? <a href="{% url player_register %}">Registrate!</a></p>
		
		<p>El Hacha de la semana...</p>
		<p>El Mago de la semana...</p>
	</div>
	<div class="grid_5 omega" style="background-color:#F9F7ED;border:solid 1px #EEE">
		<div style="padding-left:10px">	
			<p style="text-align:center;text-decoration:underline">Ingresa con tu usuario de ¿QJ?</p>
			<form method="POST" action=".">
				<div class="grid_3">
					<ul>
						{% for field in form %}
							<li class="two_col_li">{{field.label_tag}}:</li>
							<li class="two_col_li">{{field}}</li>
						{% endfor %}					
				
					</ul>
				</div>
				
				<div class="clear"></div>
				<br/>
				<div class="grid_4" >
					<input class="button" style="float:right;position:relative;left:-13px" type="submit" value="entrar"/>
				</div>	
			</form>
			<div class="clear"></div>
			<div class="grid_1">&nbsp;</div>
			<div class="grid_3">
				<p>o usa tu cuenta de 		
					<a class="facebook_button" href="https://www.facebook.com/dialog/oauth?client_id=115052891913924&scope=email&redirect_uri=http://quienesjuegan.appspot.com/facebook_cb/">
						<img style="position:relative;top:6px"src="/static/images/facebook25.jpg"/>
					</a>
				</p>
			</div>
		</div>	
	</div>

{% endblock %}